



var SampleSidebarView = new KONtx.Class({
	title: 'SampleSidebarView',
	
	Extends: KONtx.system.SidebarView,
	
	createView: function() {
	
	
		//botón Personajes
		this.controls.buttonChar = new KONtx.control.TextButton({
			label: "Personajes",
			guid: "buttonMainMenu",
			events: {
				onSelect: function(event) {
					KONtx.application.loadView('view-AllChars');
				}
			},
			styles: {
				width: Theme.viewSpecs.SIDE_BAR.width,
				height: KONtx.utility.scale(35),
				vOffset: this.height - KONtx.utility.scale(35 * 3),
			}
		}).appendTo(this);
		
		//botón Objetos
		this.controls.buttonObjects = new KONtx.control.TextButton({
			label:"Objetos",
			guid:"buttonMainMenu",
			events: {
				onSelect: function(event) {
					log("======================");
					log("      Objects      ");
					log("======================");
				}
			},
			styles: {
				width: Theme.viewSpecs.SIDE_BAR.width,
				height: KONtx.utility.scale(35),
				vOffset: this.height - KONtx.utility.scale(35 * 2),
			}
		}).appendTo(this);
		
		this.controls.button1 = new KONtx.control.TextButton({
			label: "Guias",
			guid: "buttonMainMenu",
			events: {
				onSelect: function(event) {
					KONtx.application.loadView('view-Player', {
						playlist: [
							{ urls: [ { bitrate: 300, url: "http://www.yo-yo.org/mp4/yu.mp4" }, 
									  { bitrate: 1000, url: "http://www.yo-yo.org/mp4/yu.mp4" }] }
						]
					});
				}
			},
			styles: {
				width: Theme.viewSpecs.SIDE_BAR.width,
				height: KONtx.utility.scale(35),
				vOffset: this.height - KONtx.utility.scale(35 * 1),
			}
		}).appendTo(this);
	}
});


